<template>
	<body-wrap>
		<van-tabs :active="active" @change="onChange($event)">
		  <van-tab title="助餐">助餐</van-tab>
		  <van-tab title="助医">助医</van-tab>
		  <van-tab title="助浴">助浴</van-tab>
		  <van-tab title="助洁">助洁</van-tab>
		  <van-tab title="助急">助急</van-tab>
		  
		  <van-tab title="助餐2">助餐2</van-tab>
		  <van-tab title="助医2">助医2</van-tab>
		  <van-tab title="助浴2">助浴2</van-tab>
		  <van-tab title="助洁2">助洁2</van-tab>
		  <van-tab title="助急2">助急2</van-tab>
		</van-tabs>
	</body-wrap>
</template>

<script>
	import {defineComponent,reactive,toRefs,onMounted,getCurrentInstance,computed} from 'vue'
	import {onLoad,onShow} from '@dcloudio/uni-app'
	import { useStore } from 'vuex'
	import bodyWrap from "@/components/bodyWrap/index.vue"
	export default defineComponent({
		components:{
			bodyWrap
		},
		props:{
		
		},
		setup(props,context) {
			const store = useStore()
			const {proxy} = getCurrentInstance()
			
			const state = reactive({
				active:1
			})
			
			onMounted(()=>{
				
			})
			
			const onChange = (e)=>{
				console.log("YYYYY:".e)
			}
			
			
			return {
				...toRefs(state),
				onChange
			}
		}
	})
</script>

<style lang="scss" scoped>
	.tabbox{
		display: flex;
		.tabItem{
			min-width: 150rpx;
			text-align: center;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 30rpx;
		}
	}
</style>
